import React, { useEffect, useState } from 'react'
import { MyButton } from '@/components/case/my-button'
import { Switch } from '@/components/case/switch'
import { RotationChart } from '@/components/case/rotation-chart'
import { SetSetState } from '@/components/case/setSetState'
import { Timing } from '@/components/effect/timing'
import { Uninstall } from '@/components/effect/uninstall'
import { Event } from '@/components/effect/event'
import { Clock } from '@/components/effect/clock'
import { Context } from '@/components/context/context'
import { Cb } from '@/components/callback/cb'
import { Group } from '@/components/group'
import { ReducerGroup } from '@/components/reducer/reducer-group'
import { Transition } from '@/components/transition'
import { MyForm } from '@/components/my-form'
import { Todo } from '@/components/todo'
import { Hover } from '@/views/hover'
import { Interval } from '@/views/interval'
import { Toggle } from '@/views/toggle'

export function App () {


    return (
        <div>
            {/*<MyButton/>*/ }
            {/*<Switch />*/ }
            {/*<RotationChart />*/ }
            {/*<SetSetState/>*/}
            {/*<Timing />*/}
            {/*<Uninstall />*/}
            {/*<Event />*/}
            {/*<Clock />*/}
            {/*<Context />*/}
            {/*<Cb />*/}
            {/*<Group />*/}
            {/*<ReducerGroup />*/}
            {/*<Transition />*/}
            {/*<MyForm />*/}
            {/*<Todo />*/}
            {/*<Hover />*/}
            {/*<Interval />*/}
            <Toggle />
        </div>
    )
}
